// pages/menu/menu.js
Page({

    /**
     * 页面的初始数据
     */
    data: {
        swiperArr: [
        '/images/banner/menubanner1.jpg',
        '/images/banner/menubanner2.jpg',
        '/images/banner/menubanner3.jpg',
    ],
    leftId:'left0',
    rightId:'right0',
    leftActionNum:0,
    heightArr:[],
    scrollArr: [
        {
          "id": 0,
          "title": "人气Top",
          "subArr": [
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "拿铁" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "桃桃芝士红宝石" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "咖啡风味安慕希" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "陨石拿铁" }
          ]
        },
        {
          "id": 1,
          "title": "大师咖啡",
          "subArr": [
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "冲绳黑糖拿铁" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "陨石拿铁" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "拿铁" }
          ]
        },
        {
          "id": 2,
          "title": "小鹿茶精选",
          "subArr": [
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "标准美式" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "加浓美式" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "焦糖标准美式" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "焦糖加浓拿铁" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "银河气泡美式" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "银河气泡美式" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "银河气泡美式" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "银河气泡美式" }
          ]
        },
        {
          "id": 3,
          "title": "瑞纳冰",
          "subArr": [
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "乐岛桃桃冰" }
          ]
        },
        {
          "id": 4,
          "title": "鲜榨果蔬汁",
          "subArr": [
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "NFC鲜榨橙汁" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "NFC鲜榨西柚汁" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "猕猴桃复合果汁" }
          ]
        },
        {
          "id": 5,
          "title": "经典饮品",
          "subArr": [
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "巧克力" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "纯牛奶" }
          ]
        },
        {
          "id": 6,
          "title": "健康轻食",
          "subArr": [
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "京味烤鸭鲜蔬卷" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "夏威夷菠萝火山卷" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "火腿芝士羊角" },
            { "imgSrc": "/images/menu/1-1.jpg", "imgDesc": "鸡肉卷" }
          ]
        }
      ]
    },
    leftCilck(e){
        this.setData({
            leftActionNum:e.target.dataset.myid,
            leftId :'left'+e.target.dataset.myid,
            rightId :'right'+e.target.dataset.myid
        })
    },
    scroll(e){
       console.log(e);
        let st = e.detail.scrollTop
       
        const myArr = this.data.heightArr
        for(let i=0;i<myArr.length;i++){
            if(st>= myArr[i] && st<myArr[i+1]){
            this.setData({
                leftId:'left' + i,
                leftActionNum:i
            })
            }
        }
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {
      setTimeout(() => {
        const initArr = [0]
        let initNum = 0
        const query = wx.createSelectorQuery()
        query.selectAll('.rightbolck').boundingClientRect()
        query.selectViewport().scrollOffset()
        query.exec(res =>{
        res[0].map(val =>{
            initNum += val.height 
            initArr.push(initNum)
        })
        this.setData({
            heightArr:initArr
        })
        })
      }, 300)
    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})